<!DOCTYPE html>
<!-- saved from url=(0037)https://ai.bbai520.com/loveyou04.html -->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

	<title>永远爱你</title>
<meta name="keywords" content="">
<meta name="description" content="">
	
	<style type="text/css">
		@font-face {
			font-family: digit;
		}
	</style>
	<link rel="icon" href="favicon.ico" type="image/x-icon">
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
	<link href="love/default.css" type="text/css" rel="stylesheet">
	<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
	<script type="text/javascript" src="love/garden.js"></script>
    <script type="text/javascript" src="love/functions.js"></script>
    
    <link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui-v2.5.6/css/layui.css" />
    <script src="https://www.layuicdn.com/layui-v2.5.6/layui.js"></script>
     
</head><body>
	<div id="mainDiv">
		<div id="content" style="width: 1110px; height: 625px; margin-top: 10px; margin-left: 376.5px;">
			<div  class="layui-carousel" id="code" style="margin-top: 20px;">
				 <div carousel-item="">
				    <div><img src="img/a.jpg" width="400px"></div>
				    <div><img src="img/b.jpg" width="400px"></div>
				    <div><img src="img/c.jpg" width="400px"></div>
				    <div><img src="img/d.jpg" width="400px"></div>
				    <div><img src="img/e.jpg" width="400px"></div>
				    <div><img src="img/f.jpg" width="400px"></div>
				    <div><img src="img/g.jpg" width="400px"></div>
					<div><img src="img/h.jpg" width="400px"></div>
				    <div><img src="img/j.jpg" width="400px"></div>
				    <div><img src="img/k.jpg" width="400px"></div>
				  </div>
			</div>
		
			<div id="loveHeart">
				<canvas id="garden" width="670" height="625"></canvas>
				<div id="words" style="position: absolute; top: 205px; left: 886.5px;">
					<div id="messages" style="display: block;">
						嘿,曾心玥, 这是我们在一起的第
						<div id="elapseClock"><span class="digit">1210</span> days <span class="digit">03</span> hours <span class="digit">01</span> minutes <span class="digit">21</span> seconds</div>
					</div>
					<div id="loveu" style="display: block;">
						永远爱你，一辈子，不分离！<br>
						<div class="signature">- 最爱你的 吴锦材</div>

				</div>
			</div>
</div>
	<div class="bg1">	
		<div class="main">
			<footer style="line-height:20px">
                <div id="copyright">
<div align="center">
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=29803218&auto=1&height=66"></iframe>
</div>
                </div>
		</footer></div>
	</div>
</div>

	<script type="text/javascript">
		var offsetX = $("#loveHeart").width() / 2;
		var offsetY = $("#loveHeart").height() / 2 - 55;
		var together = new Date();
		together.setFullYear(2017,11,27);
		together.setHours(0);
		together.setMinutes(0);
		together.setSeconds(0);
		together.setMilliseconds(0);
		
		if (!document.createElement('canvas').getContext) {
			var msg = document.createElement("div");
			msg.id = "errorMsg";
			msg.innerHTML = "提醒您：您的浏览器版本过旧^_^<br/>"+
				"请先升级您的浏览器，效果很炫哦~~"; 
			document.body.appendChild(msg);
			$("#copyright").css("position", "absolute");
			$("#copyright").css("bottom", "10px");
		    document.execCommand("stop");
		} else {
			setTimeout(function () {
				adjustWordsPosition();
				startHeartAnimation();
			}, 200);

			timeElapse(together);
			setInterval(function () {
				timeElapse(together);
			}, 500);

			/* adjustCodePosition(); */
		}
		layui.use(['carousel'], function(){
		
			var carousel = layui.carousel;
			//图片轮播
			  carousel.render({
			    elem: '#code'
			    ,width: '400px'
			    ,height: '550px'
			    ,anim: 'fade'
			    ,interval: 5000
			  });
		});
		
		
	</script>


</div></body></html>